<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>礼品卡管理系统</title>
    <link rel="stylesheet" href="/static/css/styles.css">
</head>
<body>
    <div class="container">
        <h1>xx礼品卡管理系统</h1>
        <div class="toolbar">
            <button onclick="importCards()">导入</button>
            <button onclick="addCard()">添加卡</button>
            <button onclick="exportCards()">导出</button>
            <button onclick="generateQRCode()">生成二维码</button>
            <button onclick="verifyCard()">核销</button>
            <button onclick="refreshStatus()">绑定情况刷新</button>
            <button onclick="clearData()">清空</button>
            <button onclick="donate()">赞助</button>
            <button onclick="help()">帮助</button>
        </div>
        <table id="cardTable">
            <thead>
                <tr>
                    <th>选择</th>
                    <th>序号</th>
                    <th>账号</th>
                    <th>密码</th>
                    <th>额度</th>
                    <th>绑定情况</th>
                </tr>
            </thead>
            <tbody>
                <!-- 数据行将通过 JavaScript 动态添加 -->
            </tbody>
        </table>
        <div id="qrCodeContainer"></div>
    </div>
    <script src="/static/js/script.js"></script>
</body>
</html>